<template>
  <div v-if="visible" class="dia">
    123123
    <br>
    <input type="button" value="取消" @click="cancelHandle">
    <input type="button" value="确认">
  </div>
</template>

<script>
export default {
  name: 'HrDia',
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {

    }
  },

  mounted() {

  },

  methods: {
    cancelHandle() {
      this.$emit('update:visible', false)
    }
  }
}
</script>

<style lang="scss" scoped>
.dia{
    width: 300px;
    height: 300px;
    background-color: #ccc;
}
</style>
